<template>
	<view>
		<view class="menber-input">
			<u-input type="text" value="请输入用户名" border="true" />
			<u-input type="password" value="请输入密码" border="true" />
			<view class="butoon-input">
				登录
			</view>
			<view class="loging-text">
				<view class="loging-body">
					<u-icon name="chat" size="50" color="#00B26A"></u-icon>
					<text>使用微信登录</text>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.menber-input {
		margin: 10px;

		.butoon-input {
			display: flex;
			justify-content: center;
			align-items: center;
			margin:20px 0;
			background: #E1027B;
			font-size: 14px;
			color: #FFFFFF;
			height: 30px;
			border-radius: 5px;
		}
		.loging-text{
			.loging-body{
				margin:  5px 80px;
				background-color: #f1f1f1f1;
				border-radius: 5px;
				width: 120px;
				height: 30px;
			font-size: 14px;
			border: 1px solid #909399;
			display: flex;
			justify-content: center;
			align-items: center;
			text{
				padding-left: 5px;
			}	
			}
		
		}
	}
</style>
